﻿@model GPS.ENTITYS.CrudModelDKH_LOP_LH


<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>
<div class="modal-header fdb-panel-header-10">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 class="modal-title" id="myModalLabel">Thông tin chi tiết lịch học</h5>
</div>
<div class="modal-body fdb-panel-body-0">
    <div id="tabs">
        @using (Html.BeginForm("_Detail", "GPS_LichHoc", FormMethod.Post, new { enctype = "multipart/form-data", id = "form" }))
        {
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            <div id="tabs">
                <div id="tabs-1">
                    @Html.Hidden("IsEdit", 0)
                    @Html.HiddenFor(model => model.KH_LOP_LH_MA)
                    <fieldset class="fs_body">
                        <legend class="head_title">Thông tin chi tiết lịch học</legend>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label text-left">
                                Đơn vị đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.dvgtvt)
                            </div>

                            <div class="col-md-2 control-label text-left">
                                Mã khóa học
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.khoahocs)
                            </div>
                        </div>
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label text-left">
                                Mã lớp học
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.lophocs)
                            </div>

                            <div class="col-md-2 control-label text-left">
                                Giảng viên
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.GV_MAs)
                            </div>
                        </div>


                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Hình thức đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DisplayFor(model => model.KH_LOP_LH_HTDT_MA)
                            </div>

                            <div class="col-md-2 control-label">
                                Phương tiện
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.PT_MAs)
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Từ ngày
                            </div>
                            <div class="col-md-4">
                                @Html.DisplayFor(model => model.KH_LOP_LH_TUNGAY, new { @class = "form-control", @readonly = "readonly" })

                            </div>
                            <div class="col-md-2 control-label">
                                Đến ngày
                            </div>
                            <div class="col-md-4">
                                @Html.DisplayFor(model => model.KH_LOP_LH_DENNGAY, new { @class = "form-control", @readonly = "readonly" })
                            </div>
                        </div>
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Giai đoạn
                            </div>
                            <div class="col-md-4">
                                @Html.Raw(ViewBag.KH_LOP_LH_GDOAN_MAs)
                            </div>

                            <div class="col-md-2 control-label">
                                Kiểm tra
                            </div>
                            <div class="col-md-4">
                                @{
            if (Model.KH_LOP_LH_KIEMTRA == "")
            {
                @Html.Raw("")
            }
            else if (Model.KH_LOP_LH_KIEMTRA == "KT")
            {
                @Html.Raw("Kiểm Tra")
            }
                        </div>
                    </div>
                                    <div class="row margin-top-05">
                                        <div class="col-md-2 control-label">
                                            Số học viên
                                        </div>
                                        <div class="col-md-4">
                                            @Html.DisplayFor(model => model.KH_LOP_LH_SOHOCVIEN, new { @class = "form-control", @type = "number", @readonly = "readonly" })
                                        </div>

                                    </div>

                                    <div class="row margin-top-05">
                                        <div class="col-md-2 control-label">
                                            Mô tả
                                        </div>
                                        <div class="col-md-10">
                                            @Html.DisplayFor(model => model.KH_LOP_LH_MOTA, new { @class = "form-group", @rows = 5, @style = "width:100%;max-width:100%;", @readonly = "readonly" })
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                                }
                            </div>
                        </div>

                        <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
                        <script src="~/Scripts/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
                        <script type="text/javascript" src="~/Scripts/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

                        <script src="~/Scripts/jquery.validate.min.js"></script>
                        <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

                        <script src="~/Scripts/datepicker.js"></script>
                        <script src="~/Scripts/jquery-ui-1.11.4.js"></script>
                        <script src="~/Scripts/jquery.maskedinput.js"></script>
                        <script src="~/Scripts/jquery.maskMoney.js"></script>
                        <script src="~/Scripts/jquery.number.js"></script>
                        <script src="~/Scripts/jquery.masknumber.js"></script>
                        <script src="~/Scripts/moment.js"></script>

                        <script type="text/javascript">

                            // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
                            // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7


                            // mask edit cho truong ngay thang (su dung jquery.maskedinput)


                            function ToJavaScriptDate(value) {
                                if (value != null) {
                                    var pattern = /Date\(([^)]+)\)/;
                                    var results = pattern.exec(value);
                                    var dt = new Date(parseFloat(results[1]));
                                    return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
                                }
                                return null;
                            }
                        </script>
                        <script type="text/javascript">
                            $("#KH_LOP_LH_TUNGAY").datetimepicker({
                                format: "dd-mm-yyyy hh:ii",
                                startDate: "01-01-2016 00:00",
                                minuteStep: 10
                            });
                            $("#KH_LOP_LH_DENNGAY").datetimepicker({
                                format: "dd-mm-yyyy hh:ii",
                                startDate: "01-01-2016 00:00",
                                minuteStep: 10
                            });
                            //$("#KH_LOP_LH_TUNGAY").datepicker({
                            //    changeMonth: true,
                            //    changeYear: true,

                            //    dateFormat: 'dd/mm/yy'
                            //});

                            //$("#KH_LOP_LH_DENNGAY").datepicker({
                            //    changeMonth: true,
                            //    changeYear: true,

                            //    dateFormat: 'dd/mm/yy'
                            //});


                            //$("#KH_LOP_LH_TUNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
                            //$("#KH_LOP_LH_DENNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

                            // cho phep nhap so thap phan (su dung jquery.number)
                            //$("#GV_THAMNIENLX").number(true, 2, '.', '');

                        </script>
                        @Styles.Render("~/Content/themes/base/css")



